<!DOCTYPE HTML>
<html lang="en" >
    <!-- Start book 我旳电子书 -->
    <head>
        <!-- head:start -->
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>HTML标签 | 我旳电子书</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="description" content="">
        <meta name="generator" content="GitBook 2.6.9">
        <meta name="author" content="Melon">
        
        <meta name="HandheldFriendly" content="true"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../gitbook/images/apple-touch-icon-precomposed-152.png">
        <link rel="shortcut icon" href="../../gitbook/images/favicon.ico" type="image/x-icon">
        
    <link rel="stylesheet" href="../../gitbook/style.css">
    
        
        <link rel="stylesheet" href="../../gitbook/plugins/gitbook-plugin-toggle-chapters/toggle.css">
        
    
        
        <link rel="stylesheet" href="../../gitbook/plugins/gitbook-plugin-image-captions/image-captions.css">
        
    
        
        <link rel="stylesheet" href="../../gitbook/plugins/gitbook-plugin-highlight/website.css">
        
    
        
        <link rel="stylesheet" href="../../gitbook/plugins/gitbook-plugin-fontsettings/website.css">
        
    
    

        
    
    
    <link rel="next" href="../../md/01html/01list.html" />
    
    
    <link rel="prev" href="../../md/01html/HTML.html" />
    

        <!-- head:end -->
    </head>
    <body>
        <!-- body:start -->
        
    <div class="book"
        data-level="1.1"
        data-chapter-title="HTML标签"
        data-filepath="md/01html/1lebel.md"
        data-basepath="../.."
        data-revision="Tue Jun 09 2020 01:19:02 GMT+0800 (中国标准时间)"
        data-innerlanguage="">
    

<div class="book-summary">
    <nav role="navigation">
        <ul class="summary">
            
            
            
            

            

            
    
        <li class="chapter " data-level="0" data-path="index.html">
            
                
                    <a href="../../index.html">
                
                        <i class="fa fa-check"></i>
                        
                        Introduction
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="1" data-path="md/01html/HTML.html">
            
                
                    <a href="../../md/01html/HTML.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.</b>
                        
                        HTML
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter active" data-level="1.1" data-path="md/01html/1lebel.html">
            
                
                    <a href="../../md/01html/1lebel.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.1.</b>
                        
                        HTML标签
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="1.2" data-path="md/01html/01list.html">
            
                
                    <a href="../../md/01html/01list.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.2.</b>
                        
                        列表标签
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="2" data-path="md/02css/01selector.html">
            
                
                    <a href="../../md/02css/01selector.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.</b>
                        
                        css选择器
                    </a>
            
            
            <ul class="articles">
                
    
        <li class="chapter " data-level="2.1" data-path="md/02css/float.html">
            
                
                    <a href="../../md/02css/float.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.1.</b>
                        
                        浮动
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.2" data-path="md/02css/background.html">
            
                
                    <a href="../../md/02css/background.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.2.</b>
                        
                        背景属性
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.3" data-path="md/02css/position.html">
            
                
                    <a href="../../md/02css/position.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.3.</b>
                        
                        position定位
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.4" data-path="md/02css/transfrom.html">
            
                
                    <a href="../../md/02css/transfrom.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.4.</b>
                        
                        transfrom变形
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.5" data-path="md/02css/transition.html">
            
                
                    <a href="../../md/02css/transition.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.5.</b>
                        
                        transition过渡
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.6" data-path="md/02css/flex.html">
            
                
                    <a href="../../md/02css/flex.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.6.</b>
                        
                        flex弹性盒子
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.7" data-path="md/02css/textattr.html">
            
                
                    <a href="../../md/02css/textattr.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.7.</b>
                        
                        textattr文本属性
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="2.8" data-path="md/02css/git.html">
            
                
                    <a href="../../md/02css/git.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.8.</b>
                        
                        git四步骤
                    </a>
            
            
        </li>
    

            </ul>
            
        </li>
    


            
            <li class="divider"></li>
            <li>
                <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
                    Published with GitBook
                </a>
            </li>
            
        </ul>
    </nav>
</div>

    <div class="book-body">
        <div class="body-inner">
            <div class="book-header" role="navigation">
    <!-- Actions Left -->
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href="../../" >我旳电子书</a>
    </h1>
</div>

            <div class="page-wrapper" tabindex="-1" role="main">
                <div class="page-inner">
                
                
                    <section class="normal" id="section-">
                    
                        <h1 id="html5&#x6807;&#x7B7E;">HTML5&#x6807;&#x7B7E;</h1>
<h2 id="&#x4E00;&#x3001;&#x6587;&#x672C;&#x6807;&#x7B7E;">&#x4E00;&#x3001;&#x6587;&#x672C;&#x6807;&#x7B7E;</h2>
<h3 id="&#x5E38;&#x7528;&#x6807;&#x9898;&#xFF1A;h1h6">&#x5E38;&#x7528;&#x6807;&#x9898;&#xFF1A;h1-h6</h3>
<ul>
<li>&#xFF08;&#x5757;&#x7EA7;&#x5143;&#x7D20; &#xFF0C;&#x4E00;&#x677F;&#x7528;&#x4E8E;&#x6807;&#x9898; &#x6292;&#x5199;&#x6BB5;&#x843D;&#xFF09;</li>
<li><p>&#x7279;&#x70B9;</p>
<ol>
<li>&#x9010;&#x6E10;&#x53D8;&#x5C0F;</li>
<li>&#x6709;&#x7C97;&#x53D8;&#x7EC6;</li>
</ol>
</li>
</ul>
<h3 id="&#x6BB5;&#x843D;&#xFF1A;p">&#x6BB5;&#x843D;&#xFF1A;p</h3>
<ul>
<li><p></p><p>&#x6BB5;&#x843D;&#x6807;&#x7B7E;(&#x53EF;&#x4EE5;&#x628A;&#x6587;&#x6863;&#x5206;&#x4E3A;&#x82E5;&#x5E72;&#x7684;&#x6BB5;&#x843D;&#xFF09;</p>
*span&#xFF1A; <span>&#x5185;&#x8054;&#x5143;&#x7D20;&#xFF0C;&#x5305;&#x88F9;&#x6587;&#x5B57;&#xFF0C;&#x53EA;&#x5360;&#x81EA;&#x8EAB;&#x5927;&#x5C0F;&#xFF0C;&#x7528;&#x4E8E;&#x66F4;&#x6539;&#x6587;&#x5B57;&#x6837;&#x5F0F;</span><p></p>
</li>
<li><p>img&#x56FE;&#x7247;:<code>&lt;img src &#x5B9A;&#x4E49;&#x56FE;&#x50CF;&gt;</code></p>
</li>
<li>strong&#x52A0;&#x7C97;:<code>&lt;strong&gt;&#x52A0;&#x7C97;&#x5B57;&#x4F53;&lt;/strong&gt;</code></li>
<li>em&#x659C;&#x4F53;&#xFF1A;<code>&lt;em&gt;&#x503E;&#x659C;&#x5B57;&#x4F53;&lt;/em&gt;</code></li>
<li>del&#x5220;&#x9664;&#x7EBF;&#xFF1A;<code>&lt;del&gt;&#x5220;&#x9664;&#x7EBF;&lt;/del&gt;</code></li>
<li><p>ins&#x4E0B;&#x5212;&#x7EBF;&#xFF1A;<code>&lt;ins&gt;&#x4E0B;&#x5212;&#x7EBF;&lt;/ins&gt;</code></p>
</li>
<li><p>&#x7EDD;&#x5BF9;&#x8DEF;&#x5F84;&#xFF1A;&#x63CF;&#x8FF0;&#x4E86;&#x8DEF;&#x5F84;&#x7684;&#x5B8C;&#x6574;&#x4FE1;&#x606F;</p>
</li>
<li><p>&#x76F8;&#x5BF9;&#x8DEF;&#x5F84;&#xFF1A;&#x63CF;&#x8FF0;&#x4E86;&#x8DEF;&#x5F84;&#x7684;&#x76F8;&#x5BF9;&#x5173;&#x7CFB;</p>
<ol>
<li>./   &#x5F53;&#x524D;&#x76EE;&#x5F55;</li>
<li>../  &#x4E0A;&#x4E00;&#x5C42;&#x76EE;&#x5F55;</li>
</ol>
</li>
<li><p>a&#x6807;&#x7B7E;&#x7684;&#x5C5E;&#x6027;</p>
<ol>
<li>herf &#x8DF3;&#x8F6C;&#x4F4E;&#x8D28; &#x683C;&#x5F0F;&#xFF1A;&#x534F;&#x8BAE;+&#xFF1A;//+&#x57DF;&#x540D;+&#x7AEF;&#x53E3;&#x53F7;&#xFF08;80 8080&#xFF09;+ &#x6587;&#x4EF6;&#x540D;</li>
<li>target &#x8DF3;&#x8F6C;&#x65B9;&#x5F0F;</li>
<li>_self &#x81EA;&#x8EAB;&#x8DF3;&#x8F6C;</li>
<li>target &#x8DF3;&#x8F6C;&#x65B9;&#x5F0F;</li>
<li>_self &#x81EA;&#x8EAB;&#x8DF3;&#x8F6C;</li>
<li>_blank &#x65B0;&#x5EFA;&#x9875;&#x9762;&#x8DF3;&#x8F6C;</li>
</ol>
</li>
<li><p>a&#x951A;&#x70B9;</p>
<pre><code> &lt;div style=&quot;height: 1200px;&quot;id=&quot;top&quot;&gt;
         &#x8FD9;&#x662F;&#x9876;&#x90E8;
     &lt;/div&gt;
     &lt;a href=&quot;#bottom&quot;&gt;&lt;/a&gt;
     &lt;div style=&quot;height: 1200px;&quot;id=&quot;center&quot;&gt;
         &#x8FD9;&#x662F;&#x4E2D;&#x90E8;
     &lt;/div&gt;
     &lt;div style=&quot;height: 1200px;&quot;id=&quot;bottom&quot;&gt;
         &#x8FD9;&#x662F;&#x5E95;&#x90E8;
     &lt;/div&gt;
</code></pre></li>
<li><p>&#x5757;&#x7EA7;&#x5143;&#x7D20; &#x7279;&#x70B9;&#xFF1A;&#x72EC;&#x5360;&#x4E00;&#x884C;</p>
</li>
<li>&#x4E00;&#x884C;&#x591A;&#x4E2A;=&gt;&#x5185;&#x8054;&#x5143;&#x7D20;</li>
<li>&#x8BBE;&#x7F6E;&#x5BBD;&#x9AD8;=&gt;&#x5757;&#x7EA7;&#x5143;&#x7D20;</li>
</ul>
<h2 id="&#x97F3;&#x9891;&#xFF1A;audio">&#x97F3;&#x9891;&#xFF1A;audio</h2>
<ul>
<li>&#x6807;&#x7B7E;&#x95F4;&#x7684;&#x5185;&#x5BB9;&#x7528;&#x6765;&#x505A;&#x63D0;&#x793A;&#x8BED;&#x4F7F;&#x7528;&#xFF0C;&#x56E0;&#x4E3A;&#x5982;&#x679C;&#x6D4F;&#x89C8;&#x5668;&#x4E0D;&#x80FD;&#x89E3;&#x6790;&#x97F3;&#x9891;&#x6807;&#x7B7E;&#xFF0C;&#x90A3;&#x4E48;&#x5B83;&#x5C31;&#x4F1A;&#x628A;audio&#x5F53;&#x6210;&#x666E;&#x901A;&#x7684;&#x81EA;&#x5B9A;&#x4E49;&#x6807;&#x7B7E;&#x6765;&#x6E32;&#x67D3;</li>
<li><p>&#x5C5E;&#x6027;&#xFF1A;</p>
<ol>
<li>src &#x6307;&#x5B9A;&#x4E86;&#x97F3;&#x9891;&#x8D44;&#x6E90;&#x7684;&#x8DEF;&#x52B2;</li>
<li>controls &#x663E;&#x793A;&#x63A7;&#x5236;&#x9762;&#x677F;&#xFF0C;&#x5B83;&#x662F;&#x4E00;&#x4E2A;&#x5355;&#x5C5E;&#x6027;</li>
<li>preload &#x9884;&#x52A0;&#x8F7D;    auto/metadata/none</li>
<li>aytoplay &#x81EA;&#x52A8;&#x64AD;&#x653E;</li>
<li>muted &#x9759;&#x97F3;&#x529F;&#x80FD;<pre><code>{&lt;audio src=&quot;&quot; controls=&quot;controls&quot; preload autoplay=&quot;autoplay&quot; muted=&quot;muted&quot;&gt;
 &#x4F60;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x4E0D;&#x652F;&#x6301;audio&#x7684;&#x4F7F;&#x7528;
&lt;/audio&gt;}
</code></pre></li>
</ol>
</li>
<li><p>video&#xFF08;&#x884C;&#x5185;&#x5757;&#x7EA7;&#x5143;&#x7D20;&#xFF09;</p>
<pre><code>  {&lt;video src=&quot;&quot; controls=&quot;controls&quot;&gt;&#x4F60;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x4E0D;&#x652F;&#x6301;&#x89C6;&#x9891;&#x64AD;&#x653E;&lt;/video&gt;}
</code></pre></li>
</ul>

                    
                    </section>
                
                
                </div>
            </div>
        </div>

        
        <a href="../../md/01html/HTML.html" class="navigation navigation-prev " aria-label="Previous page: HTML"><i class="fa fa-angle-left"></i></a>
        
        
        <a href="../../md/01html/01list.html" class="navigation navigation-next " aria-label="Next page: 列表标签"><i class="fa fa-angle-right"></i></a>
        
    </div>
</div>

        
<script src="../../gitbook/app.js"></script>

    
    <script src="../../gitbook/plugins/gitbook-plugin-toggle-chapters/toggle.js"></script>
    

    
    <script src="../../gitbook/plugins/gitbook-plugin-fontsettings/buttons.js"></script>
    

<script>
require(["gitbook"], function(gitbook) {
    var config = {"image-captions":{"attributes":{"style":"left: 50%;position: relative;transform: translateX(-50%);"},"caption":"图 _PAGE_LEVEL_._PAGE_IMAGE_NUMBER_ - _CAPTION_","align":"center","variable_name":"_pictures"},"fontsettings":{"theme":"night","family":"sans","size":2},"toggle-chapters":{},"highlight":{}};
    gitbook.start(config);
});
</script>

        <!-- body:end -->
    </body>
    <!-- End of book 我旳电子书 -->
</html>
